<template>
  <div>
    <header>{{title}}</header>
    <i-table highlight-row :columns="columns" :data="tableData"></i-table>
    <el-button @click="exExc">导出</el-button>
  </div>
</template>
<script>
import exportExcel from '@/utils/exportExcel'
export default {
  name:'Table',
  data(){
    return {
      title:'汇总',
      columns:[
        {
          title:'姓名',
          key:'name',
          algin:'center',
          width:'100'
        },
        {
          title:'年龄',
          key:'age',
          algin:'center',
          width:'100'
        },
        {
          title:'性别',
          key:'gender',
          algin:'center',
          width:'100'
        },
        {
          title:'喜好',
          key:'love',
          algin:'center',
          width:'100'
        },
      ],
      tableData:[
        {
          name:'111',
          age:23,
          gender:'男',
          love:'足球'
        },
        {
          name:'111',
          age:23,
          gender:'男',
          love:'足球'
        },
        {
          name:'111',
          age:23,
          gender:'男',
          love:'足球'
        },
        {
          name:'111',
          age:23,
          gender:'男',
          love:'足球'
        },
        {
          name:'111',
          age:23,
          gender:'男',
          love:'足球'
        },
        {
          name:'111',
          age:23,
          gender:'男',
          love:'足球'
        },
        {
          name:'111',
          age:23,
          gender:'男',
          love:'足球'
        },
        {
          name:'111',
          age:23,
          gender:'男',
          love:'足球'
        },
      ]
    }
  },
  methods:{
      exExc(){
      }
    }
}
</script>
<style scoped>

</style>
